<template>
    <view>
        <page-head title="button, 按钮"></page-head>
        <view class="smart-padding-wrap">
            <button type="primary">页面主操作 normal</button>
            <button type="primary" :loading="true">页面主操作 loading</button>
            <button type="primary" disabled="false">页面主操作 disabled</button>
            <button type="default">页面次操作 normal</button>
            <button type="default" disabled="false">页面次操作 disabled</button>
            <button type="warn">页面警告操作 warn</button>
            <button type="default" disabled="false">页面警告操作 warn</button>
            <button type="primary" plain="true">修改按钮 plain</button>
            <button type="primary" plain="true" disabled="false">修改按钮 plain disabled</button>
            <button type="primary" size="mini" class="mini-btn">按钮</button>
            <button type="default" size="mini" class="mini-btn">按钮</button>
            <button type="warn" size="mini" class="mini-btn">按钮</button>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            
        };
    },
    methods: {}
};
</script>

<style>
    button {
        margin-top: 30rpx;
        margin-bottom: 30rpx;
    }
    .mini-btn {
        margin-right: 30rpx;
    }
</style>
